/*
 * 主要重置antd布局组件的默认颜色
 * 二次封装时用到的Table, Modal等组件在高阶组件内部重置
*/
@HeaderBox: 75px;
@HeaderHeight: 50px;
@ContentPadding: 16px;
@MenuSubmenuColor: #000;

// =======================>>>> ant-layout
.ant-layout-custom {
	position: relative;
	width: 100%;
	height: 100%;
}
.ant-layout-main {
	overflow: hidden;
}
// =======================>>>> sider
.ant-menu-light.ant-menu-root.ant-menu-inline {
	border-inline-end: none;
}
.ant-menu-light {
	background-color: transparent;
	&.ant-menu-inline {
		.ant-menu-sub.ant-menu-inline {
			background-color: rgba(0, 0, 0, 0.3);
		}
	}
}
.ant-menu-title-content {
	text-align: left;
}
.ant-menu-item,
.ant-menu-submenu-title {
	&:hover {
		background-color: rgba(255, 255, 255, 0.15) !important;
	}
	&:active {
		background-color: rgba(255, 255, 255, 0.15) !important;
	}
	.ant-menu-item-active {
		background-color: transparent !important;
	}
}
.ant-menu-item {
	background-color: transparent !important;
}
.ant-menu-submenu-title {
	color: #fff !important;
	.ant-menu-title-content {
		font-weight: bold;
	}
}
.ant-menu-title-content {
	color: #fff;
}
.ant-menu-item-selected {
	background-image: linear-gradient(to right, #845ec2, #7568ce, #6272d9, #477be3, #1284eb);
	color: #fff;
}
.ant-menu-submenu-selected {
	.ant-menu-submenu-title {
		color: #0088ff;
	}
}
.ant-menu-sub > .ant-menu-inline {
	background: #3f3f3f !important;
}
// =======================>>>> header
.ant-layout-custom {
	.ant-layout-header-custom {
		min-height: @HeaderBox;
		padding: 0;
		background: #6e888e;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		.header-info {
			color: #fff;
			height: @HeaderHeight;
			line-height: @HeaderHeight;
		}
	}
}
